<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.css">
    <title>首页</title>
    <style>
        .small-box-footer {
            color: #3c8dbc !important;
            background-color: transparent !important;
        }
    </style>
</head>
<body>

<div class="row">
    <!-- Left col -->
    <div class="col-md-8">
        <div class="box box-primary">
            <div class="box-header with-border">
                <i class="fa fa-bullhorn"></i>
                <h3 class="box-title">公告</h3>

                <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                    </button>
                </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <ul class="products-list product-list-in-box" id="notice">
                    <li class="item">
                        <a href="javascript:void(0)" class="product-title" onclick="$.shownoticeModal()">这是一条公告</a>
                        <span class="label label-danger pull-right">new</span>
                        <span class="product-description">
                            公告公告公告公告公告公告公告告公告公告公告公告公告公告告公告公告公告公告…                 2017-04-07 16:00
                        </span>
                    </li>
                    <li class="item">
                        <a href="javascript:void(0)" class="product-title">这是一条公告</a>
                        <span class="product-description">
                            公告公告公告公告公告公告公告                 2017-04-07 16:00
                        </span>
                    </li>
                    <li class="item">
                        <a href="javascript:void(0)" class="product-title">这是一条公告</a>
                        <span class="product-description">
                            公告公告公告公告公告公告公告                 2017-04-07 16:00
                        </span>
                    </li>
                </ul>
            </div>
            <!-- /.box-body -->
            <div class="box-footer text-right">
                <a href="javascript:void(0)" class="uppercase" id="showMore">显示更多</a>
            </div>
            <!-- /.box-footer -->
        </div>
        <!-- /.box -->
    </div>
    <div class="col-md-4">
        <div class="info-box" id="roadPoleDiv" style="display: none">
            <span class="info-box-icon bg-blue"><i class="fa fa-flag"></i></span>

            <div class="info-box-content">
                <span class="info-box-text">标杆数量</span>
                <span class="info-box-number"><a href="javascript:void(0)" id="poleCount"></a></span>
            </div>
        </div>
        <div class="info-box">
            <span class="info-box-icon bg-blue"><i class="fa fa-warning"></i></span>

            <div class="info-box-content">
                <span class="info-box-text" id="countType">标牌数量</span>
                <span class="info-box-number"><a href="javascript:void(0)" id="signCount"></a></span>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- Left col -->
    <div class="col-md-5">
        <div class="box box-primary">
            <div class="box-header with-border">
                <i class="fa fa-edit"></i>
                <h3 class="box-title">待审核</h3>

                <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                    </button>
                </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <div class="table-responsive">
                    <table class="table no-margin">
                        <thead>
                        <tr>
                            <th style="text-align:center">审核类型</th>
                            <th style="text-align:center">待审核数</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr id="type0">
                            <td><a href="javascript:void(0)" id="editSign">管理审核</a></td>
                            <td><a href="javascript:void(0)"><span class="label label-primary" id="auditCounts">0</span></a>
                            </td>
                        </tr>
                        <tr id="type1">
                            <td><a href="javascript:void(0)" id="editFault">故障审核</a></td>
                            <td><a href="javascript:void(0)"><span class="label label-primary" id="faultCounts">0</span></a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <!-- /.table-responsive -->
            </div>
        </div>
        <div class="box box-widget widget-user">
            <!-- Add the bg color to the header using any of the bg-* classes -->
            <div class="widget-user-header bg-blue-active">
                <h3 class="widget-user-username">关于我们</h3>
                <h5 class="widget-user-desc">宁波华路德交通设备科技有限公司</h5>
            </div>
            <div class="widget-user-image">
                <img class="img-circle" src="../images/default_male.png" alt="华路德">
            </div>
            <div class="box-footer">
                电话：0574-27909019<br>
                传真：0574-27909029<br>
                邮箱：huadejt@126.com<br>
                网址：www.huadejt.com
                <div class="col-sm-12">
                    <div class="col-sm-8"></div>
                    <div class="col-sm-4">
                        <button type="button" id="feedBack" class="btn btn-primary btn-flat"><i
                                class="fa fa-envelope"></i> 建议反馈
                        </button>
                    </div>
                </div>
            </div>

        </div>
        <!-- /.box -->
    </div>
    <div class="col-md-7">
        <div class="box box-primary">
            <div class="box-header with-border">
                <i class="fa fa-bar-chart-o"></i>
                <h3 class="box-title">故障统计信息</h3>

                <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
                    </button>
                </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <div class="row">
                    <div class="col-md-12">
                        <p class="text-center">
                            <strong id="head"></strong>
                        </p>

                        <div class="chart">
                            <canvas id="barChart" style="height:300px;"></canvas>
                        </div>
                        <!-- /.chart-responsive -->
                    </div>
                </div>
                <!-- /.row -->
            </div>

        </div>
        <!-- /.box -->
    </div>
</div>

<!-- 信息展示modal -->
<div class="modal fade bs-example-modal-sm" id="showInfoModal" tabindex="-1" role="dialog"
     aria-labelledby="groupInfoModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm" id="stuList-dialog">
        <div class="modal-content" style="width: 600px; height: 480px">

            <div class="modal-header">
                <label class="modal-title" id="groupInfoModalLabel">通知公告内容</label>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$.closeShowModal()">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form method="post" name="groupForm" id="groupForm">
                <div class="modal-body row" id="md-body" style="height: 360px;width: 610px;overflow:auto;">
                    <div class="col-sm-12">
                        <p style="text-align:center">
                            <span id="noticeTitle"></span>
                        </p>
                    </div>
                    <div class="col-sm-12">
                        <hr/>
                    </div>
                    <div class="col-sm-12">
                        <p>
                            <span style="color: #619e9f;margin-left:150px">发件人：</span><span id="userName"
                                                                                            style="margin-right: 60px;"></span><span
                                style="color: #619e9f">时间：</span><span id="noticeTime"></span>
                        </p>
                    </div>
                    <div class="col-sm-12">
                        <hr/>
                    </div>
                    <div class="form-group col-sm-12">
                        <p style="margin-left:10px;">
                            <span id="noticeContent"></span>
                        </p>
                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-primary btn-flat" onclick="$.closeShowModal()">
                        <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 关闭
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>


<div id="modal-feedBack" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="label-feedBack"
     aria-hidden="true">
    <div class="modal-dialog" style="width: 700px;">
        <div class="modal-content">
            <form id="form-feedBack" name="form-feedBack" class="form-horizontal" role="form" method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                            onclick="$.closeNotice()">
                        <span aria-hidden="true">&times;</span></button>
                    <b class="modal-title" id="label-feedBack">建议反馈</b>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <div class="col-sm-12">
                            <h4>反馈内容</h4>
                            <textarea id="feedBackContent" class="textarea" placeholder="请输入..."
                                      style="width: 100%; height: 200px; font-size: 14px;
                                      line-height: 18px; border: 1px solid #dddddd; padding: 10px;">
                            </textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning pull-left btn-flat" data-dismiss="modal"
                            onclick="$.closeNotice()"><i
                            class="fa fa-trash-o"></i> 取消
                    </button>
                    <button type="button" onclick="$.addFeedBack()" class="btn btn-primary btn-flat"><i
                            class="fa fa-save"></i> 提交
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade" id="upPictureModal" tabindex="-1" role="dialog"
     aria-labelledby="upPictureModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                        onclick="$.closeUpPtModal()">
                    <span aria-hidden="true">&times;</span>
                </button>
                <b class="modal-title" id="upPictureModalLabel"></b>
            </div>
            <div class="modal-body row">
                <div id="container" class="col-sm-12">
                    <a id="selectfiles" href="javascript:void(0);" class='btn btn-primary'>
                        <span class='glyphicon glyphicon-picture'></span> 选择图片</a>
                    <a id="postfiles" href="javascript:void(0);" class='btn btn-success'>
                        <span class='glyphicon glyphicon-send'></span> 开始上传</a>
                </div>
                <div id="ossfile" class="col-sm-12" style="margin-top: 20px;"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="$.closeUpPtModal()">
                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 取消
                </button>
                <button type="button" class="btn btn-success" onclick="$.doneUpPicture()">
                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span> 完成
                </button>
            </div>
        </div>
    </div>
</div>

<script src="../plugins/oss-h5-upload-js-direct/lib/plupload-2.1.2/js/plupload.full.min.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/lib/crypto1/crypto/crypto.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/lib/crypto1/hmac/hmac.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/lib/crypto1/sha1/sha1.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/lib/base64.js"></script>
<script src="../plugins/oss-h5-upload-js-direct/upload.js"></script>
<script src="../plugins/fastclick/fastclick.js"></script>
<script src="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.js"></script>
<script src="index.js"></script>
</body>
</html>